<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品优购-欢迎登录</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2664437_8b8caiz4ade.css">
    <!-- 引入初始化样式-->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/register.css">

</head>

<body>
    
    <div class="bg2">
        <img src="./images/bg2.png" alt="">
    </div>
    <div class="bg1">
        <img src="./images/bg1.png" alt="">
    </div>
    <div class="bear"></div>
    <div class="top w">
        <div class="logo fl">
            <a href="index.html"><img src="./images/logo.png" alt=""></a>
        </div>
    </div>
    <div class="content w">
        <div class="title">
            <a href="javascript:;">注册新用户</a>
            <a href="javascript:;">我有账号，去<span class="login">登陆</span></a>
        </div>
        <div class="form">
            <form action="">
                <ul>
                    <!-- 格式有误   有被盗风险,建议使用字母、数字和符号两种及以上组合   你的密码很安全
                    icon-cuowu_shibai  icon-zhengque  icon-tishi
                    
                    -->
                    <li><label for="uphone">手机号：</label><input type="text" id="uphone"><i></i> </li>
                    <li><label for="uname">用户名：</label><input type="text" id="uname"><i></i> </li>
                    <li class="code"><label for="code">短信验证码：</label><input type="text" id="code">
                        <div class="sendcode">获取验证码</div><i></i>
                    </li>
                    <li><label for="upwd">登录密码：</label><input type="password" id="upwd"><i></i><em
                            class="iconfont icon-mimayanjing-bukan"></em></li>
                    <li class="safe">
                        <div>安全程度：<span class="ruo">弱</span><span class="zhong">中</span><span class="qiang">强</span>
                        </div>
                    </li>
                    <li><label for="upwdtwo">确认密码：</label><input type="password" id="upwdtwo"><i></i><em
                            class="iconfont icon-mimayanjing-bukan"></em></li>
                    <li class="tick"><input type="checkbox">同意协议并注册 <span>《知果果用户协议》</span></li>
                    <li class="rigister">完成注册</li>
                    <li></li>
                    <li></li>
                </ul>
            </form>
        </div>
    </div>
    <footer id="footer">
        <div class="about">
            <p><span>关于我们</span> <span class="spacer">|</span> <span>联系我们</span> <span class="spacer">|</span>
                <span>联系客服</span> <span class="spacer">|</span> <span>商家入驻</span> <span class="spacer">|</span>
                <span>营销中心</span> <span class="spacer">|</span>
                <span>手机品优购</span> <span class="spacer">|</span> <span>友情链接</span> <span class="spacer">|</span>
                <span>销售联盟</span> <span class="spacer">|</span> <span>品优购社区</span> <span class="spacer">|</span>
                <span>品优购公益</span>
                <span class="spacer">|</span> <span>English Site</span> <span class="spacer">|</span> <span>Contact
                    U</span></p>
            <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                <br>京ICP备08001421号京公网安备110108007702
            </p>
        </div>
    </footer>
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/register.js"></script>
</body>

</html>